.tpl-content-wrapper{
    margin-left: 0px;
}
body{
    overflow-y: scroll;
}
/*新增筛选面板样式*/
.am-panel .am-list{
    font-size: 14px;
    color: #666;
} 
.am-panel{
  border: 0px;
}
/*.am-panel-primary>.am-panel-hd{
  background-color: #2e7ac9;
  border-color: #0e90d2;
}*/
.select-list span{
    display: inline-block;
    vertical-align: middle;
} 
.select-list-title{
    display: block;
    height: 100%;
    width: 8%;
}
.select-list-content{
  display: block;
  width: 90%;
}
.select-list-content li{
  width: 140px;
  height: 28px;
  padding: 4px 10px;
  margin: 5px 0;
  text-align: center;
  float: left;
  overflow: hidden;
}
.select-active{
    border: 1px solid #0e90d2;
}
.fixed{
    position: fixed;
    top: 0;
    left: 20px;
    width: 96.5%;
    z-index: 99;
}
.fixed-icon{
    border: 1px solid #f0f0f0;
}

.widget-function > .am-form-group{
  margin-bottom: 0;
}

/*数据表分页*/
.page{
    list-style: none;
    width: 60%;
    margin: 0 auto;
}
.page>li{
    float: left;
    padding: 5px 10px;
    cursor: pointer;
}
.page .pageItem{
    border: solid thin #DDDDDD;
    margin: 5px;
}
.page .pageItemActive{
    border: solid thin #0099FF;
    margin: 5px;
    background-color: #0099FF;
    color:white;
}
.page .pageItem:hover{
    border: solid thin #0099FF;
    background-color: #0099FF;
    color:white;
}
.page .pageItemDisable{
    border: solid thin #DDDDDD;
    margin: 5px;
    background-color: #DDDDDD;
}

.section{
    width: 100%;
    /*height: 80px;*/
    padding: 0;
    margin-bottom: 20px;
    background-color: #fff;
    color: #666;
}
.section .am-table{
    margin: 0;
}
.summary-list td{
    font-size: 22px;
    color: #333;
}

/*black add*/
.theme-black .section .am-table {
    background-color: #4b5357;
}
.theme-black .summary-list td {
    color: #fff;
}
.theme-black .section{
    color: #b6b8b8;
}
.theme-black .am-list>li {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #4b5357;
    border: 1px solid #3a4144;
    border-width: 1px 0;
}
.theme-black .am-panel .am-list {
    color: #fafafa;
}
.am-form input[type="text"]{
    border: 1px solid #0e90d2;
}
.theme-black .am-form-field,.theme-black .am-form input[type="text"]{
    color: #fafafa;
    background-color: #4b5357;
    border: 1px solid #b6b8b8;
}

.theme-black .am-panel{
  border: 1px solid #313639;
}

.theme-black .am-panel-primary>.am-panel-hd{
  color: #fafafa;
  background-color: #4b5357;
  border-color: #313639;
}

.theme-black .select-active{
  border: 1px solid #b6b8b8;
}

.theme-black .section > .am-table-bordered{
  border: 1px solid #313639;
}
.theme-black .section > .am-table-bordered > thead > tr > td,.theme-black .section > .am-table-bordered > tbody > tr > td{
  border: 1px solid #3a4144;
  border-top: 0;
}
.theme-black .section > .am-table-bordered > thead + tbody > tr:first-child > td{
  border: 1px solid #3a4144;
  border-top: 0;
}

.am-panel .select-list .select-list-content .timepicker .firsttime{
  margin-left: 30px;
  margin-right: 30px;
}

.cl-p{
  min-height: 33px;
}
#tpl-echarts{
  height: 460px;
}

/*widget-nav导航栏窗口样式*/
.widget-nav{
  width: 100%;
  min-height: 148px;
  margin-bottom: 20px;
  border-radius: 0;
  position: relative;
  background-color: #fff;
  border: 1px solid #e1e3e4;
}
.widget-nav-tabs{
  background-color: #f2f6f9;
  border-bottom: 1px solid #e1e3e4;
}
.widget-nav-tabs li a{
  margin: 0;
  min-width:80px;
  padding: 10px 20px;
  text-align: center;
  color: #333;
  font-size: 16px;
  border-right: 1px solid #ddd;
}
.widget-nav-tabs>li>a:focus, .widget-nav-tabs>li>a:hover{
  background-color: #f2f6f9;
  border: 1px solid #f2f6f9;
  border-right: 1px solid #ddd;
}
.widget-nav-tabs>li.am-active>a, .widget-nav-tabs>li.am-active>a:focus, .widget-nav-tabs>li.am-active>a:hover{
    color: #33b8d0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left: 0;
    border-top: 2px solid #33b8d0;
    border-bottom-color: transparent;
    cursor: default;
}
.widget-nav-tabs li.am-active a{
  border-top: 2px solid #4aa6fc;
}
.widget-nav-tabs li a:hover{
  background-color: none;
}
.widget-nav .am-tabs-bd{
  border: none;
  padding: 18px;
  min-height: 36px;
}
.am-tabs-bd .am-tab-panel{
    position: absolute;
    top: 0;
    z-index: 99;
    float: left;
    width: 100%;
    padding: 10px 10px 15px;
    min-height: 36px;
    visibility: hidden;
}
.am-tabs-bd .am-tab-panel.am-active {
    position: relative;
    z-index: 100;
    visibility: visible;
    min-height: 36px;
}
.widget-nav-body{
  padding: 18px;
  min-height: 36px;
}
.date-short {
    float: left;
    margin: 7px 5px 0 0;
}
.date-short a {
    float: left;
    padding: 0 5px;
    min-width: 16px;
    height: 20px;
    margin-right: 5px;
    border-radius: 5px;
    line-height: 20px;
    text-align: center;
    color: #555;
    font-size: 12px;
}
.date-short a:hover, .date-short a.selected:link, .date-short a.selected:visited {
    border-radius: 2px;
    color: #fff;
    background: #4d6584;
}

/*顶部li*/
.tabs-nav {
    float: left;
    position: relative;
    z-index: 2;
}
.tabs-nav li {
    float: left;
    height: 36px;
    cursor: pointer;
}
.tabs-nav li span{
    float: left;
    min-width: 80px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    border-right: 1px solid #eef1f5;
    text-align: center;
    white-space: nowrap;
    color: #838FA1;
    font-family:"Segoe UI";
    font-size: 16px;
}
.tabs-nav li span.first{
    padding-left: 0;
}
.tabs-nav li span.selected {
    color: #4aa6fc;
}
/*筛选框*/
.widget-filter{
    position: relative;
    min-height: 50px;
    padding: 15px 15px 0;
    width: 100%;
    border-bottom: 1px solid #e1e3e4;
}
.tpl-content-wrapper{
    margin: 0;
}
.filter-group-wrapper{
    position: relative;
    width: 100%;
}
.filter-date-warpper, .filter-content-wrapper{
    height: auto!important;
    position: relative;
    height: 35px;
    min-height: 35px;
    line-height: 28px;
}
.filter{
    display: inline-block;
    height: 35px;
    line-height: 28px;
    margin-bottom: 5px;
}
.filter-select{
    display: block;
    margin-bottom: 10px;
}
.filter-date{
    width: 100%;
}
.filter .label, .filter .group, .filter .group li, .filter .date-customer{
    float: left;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
}
.filter .label{
    width: 80px;
    text-align: right;
    padding-right: 10px;
    color: #787a7d;
}
.filter .group{
    background-color: #fff;
    margin-right: 20px;
}
.filter .group li{
    cursor:pointer;
    padding: 0 12px;
    border: 1px solid #e1e3e4;
    font-size: 12px;
    color: #323437;
    margin-left: -1px;
}
.filter .group .cur {
    position: relative;
    z-index: 1;
    border: 1px solid #4aa6fc;
    color: #fff;
}
.filter .group .cur, .filter .group .cur:hover {
    background-color: #4aa6fc;
}
.filter .group li:first-child {
    margin-left: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.filter .group li:last-child{
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.filter .date-customer{
    position: relative;
    height: 28px;
    line-height: 28px;
}
.filter .date-customer span{
    float: left;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
}
.filter .am-form input[type=text][readonly], .filter .am-form-field[readonly]{
    background-color: #fff;
}
.date-customer .input-wrap .calendar-form .calendar, .filter .select {
    position: relative;
    width: 120px;
    height: 28px;
    padding: 4px 2px;
    line-height: 24px;
    background: 0;
    border: 1px solid #e1e3e4;
    border-radius: 2px;
    font-size: 12px;
    color: #666;
    cursor: pointer;

}
.am-field-error{
    border-color: #e1e3e4!important;
}
.am-field-valid{
  border-color: #4aa6fc;
}
/*收起筛选*/
.filter-fold{
  float: right;
  color: #4aa6fc;
  font-size: 12px;
}


/*简要summary*/
.widget-summary{
    position: relative;
    min-height: 50px;
    padding: 13px 15px;
    width: 100%;
    border-bottom: 1px solid #e1e3e4;
}
table.summary {
    border-collapse: separate;
}
.table, table.summary {
    table-layout: fixed;
    width: 100%;
}
table.summary tr td {
    text-align: left;
    border-right: 1px solid #f0f0f0;
    padding: 0 20px;
}
table.summary tr td:last-child{
  border-right: 0 none;
}
table.summary tr td span.text {
    color: #999;
    font-size: 12px;
}
table.summary tr td div.summary-ellipsis {
    white-space: nowrap;
}
table.summary tr td div.value {
    font-size: 20px;
    color: #121315;
}

/*指标筛选*/
.widget-index-filter{
    position: relative;
    padding: 13px 15px 0px 15px;
    width: 100%;
    font-size: 12px;
}
.clearfix {
    display: block;
}
.flash-indicator {
    display: flex;
    flex-direction:row;
    margin-bottom: 4px;
    cursor: pointer;
}
.combobox {
    position: relative;
    display: inline-block;
    border: 1px solid #e1e3e4;
    color: #666;
    background-color: #fff;
    height: 24px;
    line-height: 22px;
    padding: 0 4px;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}
a.combobox {
    text-decoration: none;
}
.combobox .text {
    background: 0;
    padding: 0;
    padding-left: 7px;
    display: inline-block;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
}
div.flash-indicator .flash-indicator-text {
    color: #323437;
    padding-right: 4px;
}
.flash-indicator .arrow {
    height: 24px;
    padding: 0px 7px;
    border: 1px solid #e1e3e4;
    border-left: 0;
    background-color: #fff;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
}
.flash-indicator .filter-show{
    border: 1px solid #4da7fd;
    background-color: #4da7fd;
    color: #fff;
}
div.layer {
    z-index: 9;
    position: absolute;
}
.flash-indicator-container {
    position: absolute;
    z-index: 99;
    display: none;
    padding: 15px 15px 20px;
    margin-left: 15px;
    max-width: 500px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
.flash-indicator-groups{
    display: flex;
    flex-direction:column;
}
.flash-indicator-container label {
    float: left;
    margin-right: 15px;
    width: 120px;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    font-weight: 500;
    color: #323437;
    font-size: 12px;
}
.flash-indicator-container .tips{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e1e3e4;
    font-weight: 500;
    color: #323437;
    font-size: 12px;
}
.tips-content{
    float: right;
}
.max-flash-indicator-num{
    display: inline-block;
    padding: 0 3px;
    color: #fe9985;
}
.flash-indicator-container label input {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px;
}

/*自定义指标筛选*/
.widget-table{
    position: relative;
    padding: 13px 15px;
    width: 100%;
    font-size: 12px;
    border-top: 1px solid #e1e3e4;
}
.widget-table-filter{
    width: 100%;
}
.download-right-bar {
    position: absolute;
    right: 0;
}
.highlight{
    color: #4aa6fc;
}
.table-indicator-custom-btn .table-filter{
    padding: 0 20px;
    border: 1px solid #e1e3e4;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    color: #1276e5;
    cursor: pointer;
    background-position: left -2142px;
}
.table-indicator {
    margin-top: 4px;
    border-radius: 2px;
    color: #323437;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
.table-indicator .shortcuts {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #e1e3e4;
}
.table-indicator .shortcuts .tips-content{
    float: left;
    padding-left: 20px;
}
.table-indicator .shortcuts .tips-content .max-flash-indicator-num{
    display: inline-block;
    padding: 0 3px;
    color: #fe9985;
}
.table-indicator .group {
    padding: 0 20px;
}
.table-indicator .group label.groupName {
    width: 95px;
    color: #787a7d;
}
.table-indicator .group label {
    float: left;
    width: 140px;
    height: 16px;
    line-height: 16px;
    margin: 0;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #787a7d;
}
.table-indicator .group .am-form-group label{
    color: #323437;
}
.table-indicator .table-indicator-btn {
    padding: 25px 0 25px 110px;
}
.btn {
    display: inline-block;
    zoom: 1;
    padding: 6px 16px;
    border: 1px solid #e1e3e4;
    border-radius: 2px;
    text-align: center;
    line-height: 1;
    color: #323437;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn.btn-focused {
    color: #0063d0;
}
/*表格部分*/
.widget-tables{
    position: relative;
    padding: 13px 15px;
    width: 100%;
    font-size: 12px;
    border-top: 1px solid #e1e3e4;
}
table.table {
    width: 100%;
    border-bottom: 1px #e5e5e5 solid;
}
table.table thead {
    color: #333;
    background-color: #f4f4f4;
}
table.table tbody{
    color: #333;
}
/*黑色主题风格*/
/*.theme-black .widget{
  padding: 10px 20px 13px;
}*/
.theme-black .widget-title{
  font-size: 16px;
  font-family: "Segoe UI";
  color: #f0f0f0;
}
.theme-black .widget-filter{
  border-bottom-color: #3f4649;
}
.theme-black .widget-summary{
  border-bottom-color: #3f4649;
}
.theme-black .filter .label{
  color: #f0f0f0;
}
.theme-black .filter .group li {
    border: 1px solid #a1a09e;
    color: #f0f0f0;
    background-color: #4b5357;
}
.theme-black .filter .group li:first-child {
    margin-left: 0;
    border-left-radius: 0;
}
.theme-black .filter .group li:last-child{
    border-right-radius: 0;
}
.theme-black  .filter .group .cur, .theme-black .filter .group .cur:hover {
    background-color: #00a9c8;
}
.theme-black .filter .group .cur {
    border: 1px solid #00a9c8;
}
.theme-black .filter .am-form input[type=text][readonly], .filter .am-form-field[readonly] {
    background-color: #4b5357;
    color: #f0f0f0;
    border: 1px solid #a1a09e;
}
.theme-black .filter-fold {
    color: #00a9c8;
}
.theme-black table.summary tr td span.text{
  color: #999;
}
.theme-black table.summary tr td div.value{
  color: #f0f0f0;
}
.theme-black table.summary tr td{
  border-right-color: #3f4649;
}
.theme-black .tabs-nav li span{
  border-right-color: #3f4649;
  color: #f0f0f0;
}
.theme-black .tabs-nav li span.selected{
  color: #00a9c8;
}
/*日历组件*/
.theme-black .filter .select{
  border-color: #a1a09e;
  color: #f0f0f0;
  background-color: #4b5357;
}
.theme-black .am-field-error {
    border-color: #a1a09e!important;
}
.am-field-valid, .am-form-success .am-form-field{
  border-color: #4aa6fc!important;
  color: #323437;
}
.theme-black .am-field-valid, .theme-black .am-form-success .am-form-field{
  border-color: #00a9c8!important;
  color: #f0f0f0;
}
.theme-black .am-datepicker{
  background-color: #555c60;
  color: #f0f0f0;
  box-shadow:0 0 10px #444;
}
.theme-black .am-datepicker tr.am-datepicker-header{
  background-color: #00a9c8;
}
.theme-black .am-datepicker .am-datepicker-dow{
  color: #00a9c8;
}
.theme-black .am-datepicker td:hover{
  color: #f0f0f0;
  background-color: #00a9c8;
}
.theme-black .am-datepicker td.am-active, .theme-black .am-datepicker td.am-active:hover{
  color: #f0f0f0;
  background-color: #00a9c8;
}
.theme-black .am-datepicker td.am-datepicker-new, .theme-black .am-datepicker td.am-datepicker-old{
  color: #999;
}
/*指标筛选黑色*/
.theme-black .combobox {
    border: 1px solid #a1a09e;
    color: #f0f0f0;
    background-color: #4b5357;
}
.theme-black .combobox .text {
    color: #f0f0f0;
}
.theme-black div.flash-indicator .flash-indicator-text {
    color: #00a9c8;
}
.theme-black div.flash-indicator-container {
    background-color: #4b5357;
    border: 1px solid #a1a09e;
}
.theme-black div.flash-indicator-container label {
    color: #fff;
}
.theme-black .separator {
    border-bottom: 1px solid #3f4649;
}
.theme-black div.flash-indicator-container div.text{
    color: #f0f0f0;
}

/*tabs-main*/
.tabs-main {
    position: relative;
    min-height: 36px;
}
.tabs-con{
  display: flex;
  flex-direction:column;
}
.widget-body{
  padding: 13px 0 13px 30px;
}
